// react + ts

type Props = {
    onGetMsg: (msg: string) => void
  }
  
  function Son(props: Props) {
    const { onGetMsg } = props
    const clickHandler = () => {
      onGetMsg?.('hello world')
    }
    return (
      <button onClick={clickHandler}>click me</button>
    )
  }
  function App() {
    const getMsgHandler = (msg: string) => {
      console.log(msg)
    }
    return (
      <>
        <Son onGetMsg={(msg)=>console.log(msg)}/>
        <Son onGetMsg={getMsgHandler}/>
      </>
    )
  }
  
  export default App
  